<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台模板管理系统</title>
<link type="text/css" rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/menu.js"></script>

<style type="text/css">
a {
	color: #c75f3e;
}

#mytable {
	width: 100%;
	padding: 0 10px; 0 10 px;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;
	font: italic 11px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #c1dad7;
	border-bottom: 1px solid #c1dad7;
	border-top: 1px solid #c1dad7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #cae8ea url(images/bg_header.jpg) no-repeat;
}

td {
	border-right: 1px solid #c1dad7;
	border-bottom: 1px solid #c1dad7;
	background: #fff;
	font-size: 11px;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #f5fafa;
	color: #797268;
}

th.spec {
	border-left: 1px solid #c1dad7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "trebuchet ms", verdana, arial, helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #c1dad7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "trebuchet ms", verdana, arial, helvetica, sans-serif;
	color: #797268;
} /*-----for ie 5.x bug*/
html>body td {
	font-size: 11px;
}

-->
</
mce:style> <style type   ="text /css" mce_bogus   ="1">
	/* css document */ body {
	font: normal 11px auto "trebuchet ms", verdana, arial, helvetica,
		sans-serif;
	color: #4f6b72;
	background: #e6eae9;
}

a {
	color: #c75f3e;
}

.brandsel {
	padding: 40px 40px 10px 40px;
}
</style>
</head>

<body>
	<div id="header">
		<div class="logo">后台管理系统</div>
		<div class="navigation">
			<ul>
				<li>欢迎您！</li>
				<li><a href="">${buyer_session.username}</a></li>
				<li><a href="">修改密码</a></li>
				<li><a href="">设置</a></li>
				<li><a href="${pageContext.request.contextPath}/loginout.do">退出</a></li>
			</ul>
		</div>
	</div>
	<div id="content">
		<div class="left_menu">
			<ul id="nav_dot">
				<li>
					<h4 class="M1">
						<span></span>系统公告
					</h4>
					<div class="list-item none">
						<a href=''>系统公告1</a> <a href=''>系统公告2</a> <a href=''>系统公告3</a> <a
							href=''>系统公告4</a>
					</div>
				</li>
				<li>
					<h4 class="M2">
						<span></span>工单处理
					</h4>
					<div class="list-item none">
						<a href=''>工单处理1</a> <a href=''>工单处理2</a> <a href=''>工单处理3</a> <a
							href=''>工单处理4</a> <a href=''>工单处理5</a>
					</div>
				</li>
				<li>
					<h4 class="M3">
						<span></span>基础教学
					</h4>
					<div class="list-item none">
						<a href=''>基础教学1</a> <a href=''>基础教学2</a> <a href=''>基础教学3</a>
					</div>
				</li>
				<li>
					<h4 class="M4">
						<span></span>评论管理
					</h4>
					<div class="list-item none">
						<a href=''>评论管理1</a> <a href=''>评论管理2</a> <a href=''>评论管理3</a>
					</div>
				</li>
				<li>
					<h4 class="M5">
						<span></span>调研问卷
					</h4>
					<div class="list-item none">
						<a href=''>调研问卷1</a> <a href=''>调研问卷2</a> <a href=''>调研问卷3</a>
					</div>
				</li>
				<li>
					<h4 class="M6">
						<span></span>数据统计
					</h4>
					<div class="list-item none">
						<a href=''>数据统计1</a> <a href=''>数据统计2</a> <a href=''>数据统计3</a>
					</div>
				</li>
				<li>
					<h4 class="M7">
						<span></span>奖励管理
					</h4>
					<div class="list-item none">
						<a href=''>奖励管理1</a> <a href=''>奖励管理2</a> <a href=''>奖励管理3</a>
					</div>
				</li>
				<li>
					<h4 class="M8">
						<span></span>商品管理
					</h4>
					<div class="list-item none">
						<a href='${pageContext.request.contextPath}/product/toadd.do'>添加商品</a>
						<a href='${pageContext.request.contextPath}/product/productlist.do'>商品列表</a>
					</div>
				</li>
				<li>
					<h4 class="M9">
						<span></span>品牌管理
					</h4>
					<div class="list-item none">
						<a href='${pageContext.request.contextPath}/brand/toadd.do'>添加品牌</a>
						<a href='${pageContext.request.contextPath}/brand/brandlist.do'>查询品牌</a>
					</div>
				</li>
				<li>
					<h4 class="M10">
						<span></span>系统管理
					</h4>
					<div class="list-item none" id="member_list">
						<a href=''>会员列表</a> <a href=''>新增会员 </a> <a href=''>系统管理3</a>
					</div>
				</li>
			</ul>
		</div>
		<div class="m-right">
			<div class="right-nav">
				<ul>
					<li><img
						src="${pageContext.request.contextPath}/images/home.png"></li>
					<li style="margin-left: 25px;">您当前的位置：</li>
					<li><a href="#" id="tab_one">系统公告</a></li>
					<li>></li>
					<li><a href="#" id="tab_two">最新公告</a></li>
				</ul>
			</div>
			<div class="main">
				<form
					action="${pageContext.request.contextPath}/getBrandListWithCon.do"
					method="post">
					<div style="padding: 20px 0 20px 40px;">
						<span>品牌名称：</span><input type="text" name="name"
							style="border: 1px solid; border-radius: 3px">&nbsp&nbsp&nbsp&nbsp&nbsp<span>是否可用：</span>
						<select name="isDisplay">
							<!-- 这里要注意 -->
							<option value="1"
								<c:if test="${isDisplay==1}">selected="selected"</c:if>>是</option>
							<option value="0"
								<c:if test="${isDisplay==0}">selected="selected"</c:if>>否</option>
						</select> &nbsp&nbsp&nbsp&nbsp&nbsp<input type="submit" value="查询">
					</div>
				</form>

				<table id="mytable" cellspacing="0"
					summary="the technical specifications of the apple powermac g5 series">
					<caption></caption>
					<tr>
						<th scope="col" abbr="configurations">商品编号</th>
						<th scope="col" abbr="dual 1.8">商品名称</th>
						<th scope="col" abbr="dual 2">新品</th>
						<th scope="col" abbr="dual 2.5">热卖</th>
						<th scope="col" abbr="dual 2.5">推荐</th>
						<th scope="col" abbr="dual 2.5">上下架</th>
						<th scope="col" abbr="dual 2.5">操作选项</th>
					</tr>

					<c:forEach items="${list}" var="product">
						<tr>
							<th scope="row" abbr="model" class="spec">${product.no}</th>
							<td>${product.name}</td>
							<td>${brand.is_new}</td>
							<td>${brand.is_hot}</td>
							<td>${brand.is_commend}</td>
							<td>${brand.is_show}</td>
							<!-- onclick="if(!confirm('你确定删除吗')) {return false;}" -->
							<td><a href="#">修改</a>&nbsp&nbsp<a
								onclick="if(!confirm('你确定删除吗')) {return false;} window.location.href='${pageContext.request.contextPath}/delete.do?${brand.id}&name=${brand.name}&isDisplay=${brand.isDisplay}'"
								href="javascript:void(0)">删除</a>
								&nbsp&nbsp<a href="javascript:void(0)">查看 </a>&nbsp&nbsp<a href="javascript:void(0)">库存</a>
								</td>
						</tr>
					</c:forEach>
				</table>
			</div>
		</div>
	</div>
	<!-- 这里用来放过渡边界 -->
	<!-- <div class="bottom"></div>-->
	<div id="footer">
		<p>
			Copyright© 2015 版权所有 京ICP备05019125号-10 来源:<a
				href="http://www.mycodes.net/" target="_blank">源码之家</a>
		</p>
	</div>
	<script>
		navList(12);
	</script>
</body>
</html>